<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Shard (Shared Board)</title>
</head>
<body onload="client.wait_response()">
  <div id="board_container"
       style="width:800px; height:300px; border:1px solid #efefef; float: left;">
    <div id="board"></div>
  </div>
  <textarea id="board_svg" rows="4" cols="60" style="display: none;"></textarea>
</body>
<script type="text/javascript" src="inputdraw/swfobject.js"></script>
<script type="text/javascript" src="inputdraw/inputdraw.js"></script>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript" src="comet_client.js"></script>
<script type="text/javascript" src="shard.js"></script>
<script type="text/javascript">
var client = create_shard();

// 以下のコードは，すべて InputDraw に依存するコード

// InputDraw のハンドラ (1 argument であると規定されている)
client.on_svg = function(svg) {
  if (client.is_received_svg()) {
    return;
  }
  client.post_svg(svg);
};

// create InputDraw object
client.board = new InputDraw(
    "inputdraw/inputdraw.non-commercial.v1.5.swf",
    "board",
    {
      id:               "board_svg",        // svg output
      src_id:           "board_svg",        // initialize
      width:            "800",
      height:           "300",
      stroke_style:     "5 1 rgb(255,6,0)", // line style (width alpha rgb)
      tools_color:      "0x666666"          // パレットの背景
    }
  );

// 先に定義しておいたハンドラを登録
// ↓文字列じゃないとダメっぽい
client.board.OnSvg("client.on_svg");

// Server からデータを受信したときの処理
client.on_received_svg = function(svg) {
  client.board.AddSvg(svg);
};

// javascript loaded
</script>
</html>
